// component/multiRowSelect/multiRowSelect.js
// 底部选择的究极版封装 -- JJTmac
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    //选择类型
    selectType: {
      type: String,
      value: ""
    },
    popTitle: {
      type: String,
      value: "选择"
    },
    show: {
      type: Boolean,
      default: false
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    result: null,//回调结果
    dataArr: [],
    //户型选择
    houseTypeArr: [
      [
        {
          value: "一室",
          label: "一室"
        },
        {
          value: "二室",
          label: "二室"
        },
        {
          value: "三室",
          label: "三室"
        },
        {
          value: "四室",
          label: "四室"
        },
        {
          value: "五室",
          label: "五室"
        },
        {
          value: "六室",
          label: "六室"
        },
        {
          value: "七室",
          label: "七室"
        },
        {
          value: "八室",
          label: "八室"
        },
        {
          value: "九室",
          label: "九室"
        },
        {
          value: "十室",
          label: "十室"
        }
      ],
      [
        {
          value: "",
          label: "0厅"
        },
        {
          value: "一厅",
          label: "一厅"
        },
        {
          value: "二厅",
          label: "二厅"
        },
        {
          value: "三厅",
          label: "三厅"
        },
        {
          value: "四厅",
          label: "四厅"
        },
        {
          value: "五厅",
          label: "五厅"
        }
      ],
      [
        {
          value: "",
          label: "0卫"
        },
        {
          value: "一卫",
          label: "一卫"
        },
        {
          value: "二卫",
          label: "二卫"
        },
        {
          value: "三卫",
          label: "三卫"
        },
        {
          value: "四卫",
          label: "四卫"
        },
        {
          value: "五卫",
          label: "五卫"
        }
      ]
    ],
    inviteTypeArr: [
      [
        {
          value: "",
          label: "不限"
        },
        {
          value: "2-5k",
          label: "2-5k"
        },
        {
          value: "5-8k",
          label: "5-8k"
        },
        {
          value: "8-12k",
          label: "8-12k"
        },
        {
          value: "15-20k",
          label: "15-20k"
        },
        {
          value: "20k以上",
          label: "20k以上"
        },
        {
          value: "面议",
          label: "面议"
        },


      ],
      [
        {
          value: "",
          label: "不限"
        },
        {
          value: "1年",
          label: "1年"
        },
        {
          value: "2年",
          label: "2年"
        },
        {
          value: "3年",
          label: "3年"
        },
        {
          value: "5年",
          label: "5年"
        },
        {
          value: "5年以上",
          label: "5年以上"
        },


      ],
      [
        {
          value: "",
          label: "不限"
        },
        {
          value: "专科",
          label: "专科"
        },
        {
          value: "大专",
          label: "大专"
        },

        {
          value: "本科",
          label: "本科"
        },
        {
          value: "硕士",
          label: "硕士"
        },
        {
          value: "博士",
          label: "博士"
        },



      ]
    ],
    //楼层选择:
    floorArr: [
      [
        {
          value: "低楼层",
          label: "低楼层"
        },
        {
          value: "中楼层",
          label: "中楼层"
        },
        {
          value: "高楼层",
          label: "高楼层"
        }
      ],
      [
        {
          value: "1",
          label: "共1层"
        },
        {
          value: "2",
          label: "共2层"
        },
        {
          value: "3",
          label: "共3层"
        },
        {
          value: "4",
          label: "共4层"
        },
        {
          value: "5",
          label: "共5层"
        },
        {
          value: "6",
          label: "共6层"
        },
        {
          value: "7",
          label: "共7层"
        },
        {
          value: "8",
          label: "共8层"
        },
        {
          value: "9",
          label: "共9层"
        },
        {
          value: "10",
          label: "共10层"
        },
        {
          value: "11",
          label: "共11层"
        },
        {
          value: "12",
          label: "共12层"
        },
        {
          value: "13",
          label: "共13层"
        }, {
          value: "14",
          label: "共14层"
        },
        {
          value: "15",
          label: "共15层"
        },
        {
          value: "16",
          label: "共16层"
        },
        {
          value: "17",
          label: "共17层"
        },
        {
          value: "18",
          label: "共18层"
        },
        {
          value: "19",
          label: "共19层"
        },
        {
          value: "20",
          label: "共20层"
        },
        {
          value: "21",
          label: "共21层"
        },
        {
          value: "22",
          label: "共22层"
        },
        {
          value: "23",
          label: "共23层"
        },
        {
          value: "24",
          label: "共24层"
        },
        {
          value: "25",
          label: "共25层"
        },
        {
          value: "26",
          label: "共26层"
        },
        {
          value: "27",
          label: "共27层"
        },
        {
          value: "28",
          label: "共28层"
        },
        {
          value: "29",
          label: "共29层"
        },
        {
          value: "30",
          label: "共30层"
        },
        {
          value: "31",
          label: "共31层"
        },
        {
          value: "32",
          label: "共32层"
        },
        {
          value: "33",
          label: "共33层"
        }, {
          value: "34",
          label: "共34层"
        },
        {
          value: "35",
          label: "共35层"
        },
        {
          value: "36",
          label: "共36层"
        },
        {
          value: "37",
          label: "共37层"
        },
        {
          value: "38",
          label: "共38层"
        },
        {
          value: "39",
          label: "共39层"
        },
        {
          value: "40",
          label: "共40层"
        },
        {
          value: "41",
          label: "共41层"
        },
        {
          value: "42",
          label: "共42层"
        },
        {
          value: "43",
          label: "共43层"
        },
        {
          value: "44",
          label: "共44层"
        },
        {
          value: "45",
          label: "共45层"
        },
        {
          value: "46",
          label: "共46层"
        },
        {
          value: "47",
          label: "共47层"
        },
        {
          value: "48",
          label: "共48层"
        },
        {
          value: "49",
          label: "共49层"
        },
        {
          value: "50",
          label: "共50层"
        },
        {
          value: "51",
          label: "共51层"
        },
        {
          value: "52",
          label: "共52层"
        },
        {
          value: "53",
          label: "共53层"
        },
        {
          value: "54",
          label: "共54层"
        },
        {
          value: "55",
          label: "共55层"
        },
        {
          value: "56",
          label: "共56层"
        },
        {
          value: "57",
          label: "共57层"
        },
        {
          value: "58",
          label: "共58层"
        },
        {
          value: "59",
          label: "共59层"
        },
        {
          value: "60",
          label: "共60层"
        },
        {
          value: "61",
          label: "共61层"
        },
        {
          value: "62",
          label: "共62层"
        },
        {
          value: "63",
          label: "共63层"
        },
        {
          value: "64",
          label: "共64层"
        },
        {
          value: "65",
          label: "共65层"
        },
        {
          value: "66",
          label: "共66层"
        },
        {
          value: "67",
          label: "共67层"
        },
        {
          value: "68",
          label: "共68层"
        },
        {
          value: "69",
          label: "共69层"
        },
        {
          value: "70",
          label: "共70层"
        },
        {
          value: "71",
          label: "共71层"
        },
        {
          value: "72",
          label: "共72层"
        },
        {
          value: "73",
          label: "共73层"
        },
        {
          value: "74",
          label: "共74层"
        },
        {
          value: "75",
          label: "共75层"
        },
        {
          value: "76",
          label: "共76层"
        },
        {
          value: "77",
          label: "共77层"
        },
        {
          value: "78",
          label: "共78层"
        },
        {
          value: "79",
          label: "共79层"
        },
        {
          value: "80",
          label: "共80层"
        },
      ]
    ],
    selectTypes: "",
  },
  observers: {
    'selectType': function (newValue) {
      this.setData({
        selectTypes: newValue
      })
      this.configArr();
    }
  },
  lifetimes: {
    attached: function () {
      // // 在组件实例进入页面节点树时执行
      // if (this.properties.selectType == "houseType") {
      //   //户型选择:
      //   this.setData({
      //     dataArr: this.data.houseTypeArr
      //   })
      // }
      // if (this.properties.selectType == "floorType") {
      //   //楼层选择
      //   this.setData({
      //     dataArr: this.data.floorArr
      //   })
      // }
      // // 给回调result赋值上默认值
      // let arr = [];
      // this.data.dataArr.forEach((item) => {
      //   item.forEach((subItem, index) => {
      //     if (index == 0) {
      //       arr.push(subItem);
      //     }
      //   })
      // })

      // this.setData({
      //   result: arr
      // })
      // console.log("JJLog:什么都不选时:" + JSON.stringify(this.data.result));
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    configArr() {
      // 在组件实例进入页面节点树时执行
      if (this.data.selectTypes == "houseType") {
        //户型选择:
        this.setData({
          dataArr: this.data.houseTypeArr
        })
      }
      if (this.data.selectTypes == "floorType") {
        //楼层选择
        this.setData({
          dataArr: this.data.floorArr
        })
      }
      if (this.data.selectTypes == "inviteType") {
        //招聘筛选
        this.setData({
          dataArr: this.data.inviteTypeArr
        })
      }
      // 给回调result赋值上默认值
      let arr = [];
      this.data.dataArr.forEach((item) => {
        item.forEach((subItem, index) => {
          if (index == 0) {
            arr.push(subItem);
          }
        })
      })

      this.setData({
        result: arr
      })
      console.log("JJLog:什么都不选时:" + JSON.stringify(this.data.result));
    },
    clickCenterPopupOverlay() {
      this.triggerEvent('popup-hide', { show: false });
    },
    //关闭弹窗
    popupCancel() {
      this.triggerEvent('popup-hide', { show: false });
    },
    //确认选择:
    popupTrue() {
      this.triggerEvent('popupShowSelect', { show: false, result: this.data.result, selectType: this.properties.selectType })
    },

    //最后的value:
    bindChange(e) {
      console.log("JJLog:新组建选中时:" + JSON.stringify(e));
      let index = e.detail.value[0];
      let arrIndex = e.currentTarget.dataset.index;
      let arr = this.data.dataArr[arrIndex];
      let resultItem = arr[index];

      //动态数组:
      let item = 'result[' + arrIndex + ']';
      this.setData({
        [item]: resultItem,
      })
    },
  }
})
